<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="../dist/css/bootstrap.min.css">
  <title>确认下单-基础布局</title>
</head>
<body>
<div class="container">
  <div class="py-5 text-center">
    <div class="d-inline-flex align-items-center mb-4">
      <img class="mx-auto" src="logo.png" alt="" height="47">
      <h2 class="mb-0 ms-2">确认下单</h2>
    </div>
    <p class="lead">填写并核对订单信息</p>
  </div>
  <main>
    <div class="row g-5">
      <div class="col-md-7 col-lg-8">
        <!--结账表单-->
      </div>
      <div class="col-md-5 col-lg-4">
        <!--商品信息-->
      </div>
    </div>
  </main>
  <footer class="my-5 pt-5 text-muted text-center text-small">
    <p class="mb-1">&copy; 2010–2021 前沿科技Artech All rights reserved</p>
    <ul class="list-inline">
      <li class="list-inline-item"><a href="javascript:void(0);">关于我们</a></li>
      <li class="list-inline-item"><a href="javascript:void(0);">联系我们</a></li>
      <li class="list-inline-item"><a href="javascript:void(0);">隐私协议</a></li>
    </ul>
  </footer>
</div>
  <script src="../dist/jquery-3.6.0.min.js"></script>
  <script>
    $(function(){
      $('form').bind('submit', function(){
        let $this = $(this);
        if (!$this[0].checkValidity()) {
          $this.addClass('was-validated');
          return false;
        }
      })
    })
  </script>
</body>
</html>